<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>千年祈福墙</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top raise-usercenter">
        <a href="" class="userce"><span class="iconfont">&#xe66d;</span></a>
        千年祈福墙
        <a href="" class="goback"><span class="iconfont">&#xe60e;</span></a>
    </div>

    <!-- 功德助建 -->
    <div class="virtues-help">
        <b class="iconfont">&#xe605;</b><span class="timer count-title" id="count-number" data-to="847" data-speed="1500"></span>
        人 助 建
    </div>
    
    <!-- 功德墙banner -->
    <div class="raise-banner">
        <img src="images/qifu.png" alt="">
    </div>
    
    <!-- 功德导航 -->
    <div class="lesson-nav clearfix serial-detail-nav">
        <a href="" class="">
            <div class="iconfont">&#xe607;</div>
            功德说明
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe70b;</div>
            我要参与
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe610;</div>
            功德榜
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe601;</div>
            姓名序号   
        </a>
    </div>

    <div class="serial-detail-top clearfix">
        <!-- vip -->
        <div class="left ">
           <img src="images/img1.jpg" alt="">
        </div>
        <div class="right">
            <h4 class="clearfix">
                九华山双溪寺
            </h4>
            <p>安徽 | 池州 | 九华山</p>
        </div>
        <div class="serial-detail-mask">
            + 关注
        </div>
    </div>
    <div class="serial-detail-center">
        <div class="serial-dc-pic">
            <img src="images/serial.jpg" alt="">
        </div>
        <div class="serial-dc-name">
            <p class="name-color">缘</p>
            <p>起</p>
        </div>
        <div class="serial-dc-user">
            文：果心师父
        </div>
        <div class="serial-dc-content">
            <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
            <div><img src="images/raise.png" alt=""></div>
            <p>邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己邂逅美好的自己，安然进入深度的睡梦邂逅美好的自己</p>
        </div>
    </div>

    <div class="serial-dc-nav clearfix">
        <div class="left">
            <input type="text" placeholder="写评论">
        </div>
        <div class="right">
            <ul class="clearfix">
                <li><span class="iconfont">&#xe621;</span></li>
                <li><span class="iconfont">&#xe66c;</span></li>
                <li><span class="iconfont">&#xe62e;</span></li>
            </ul>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 数字滚动 -->
    <script src="js/number.js"></script>

    <!-- 点击关注 -->
    <script>
        var clickNumber =1;
        $('.serial-detail-mask').click(function(){
            if(clickNumber %2==1){
                $(this).addClass("quxiao"); 
                
            }else{
                $(this).removeClass("quxiao");
            }
            clickNumber ++;
        })
    </script>
</body>
</html>
